<template>
  <view>
    <view class="mask flex-center maseks p32" v-if="show">
      <view class="bg-ffffff p32 empower">
        <view class="LoginsButton flex-center">
          <button class="flex-1" @click="LoginsTrun">确定授权</button>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: "WxLogin",
  props: {
    show: {
      type: Boolean,
      default: true
    }
  },
  methods:{
    LoginsTrun(){
      // 处理授权逻辑
      // ...

      // 触发自定义事件，将事件传递给父组件
      this.$emit('hide-login');
    }
  }
}
</script>

<style lang="scss">
.maseks{
  justify-content: center;
}
.empower{
  width: 100%;
  padding-top: 32rpx;
  padding-bottom: 32rpx;
}
</style>